<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="s" uri="http://stripes.sourceforge.net/stripes.tld"%>
<%@ include file="taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<s:url var="saveProduct" value="/Product.action?saveProduct" ></s:url>
<s:url var="deleteProduct" value="/Product.action?deleteProduct" ></s:url>
<script type="text/javascript">
	var product = new Product();
	product.initProducts({ "urlBackend" :"${BackendHost}" + "${RestContextPath}",
						   "saveProduct" : "${saveProduct}" ,
						   "deleteProduct": "${deleteProduct}"});
</script>
<h2>Produtcs Grid Editable </h2>
<s:form action="/Product.action" >
	<div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div style="float: left;" id="jqxgrid">
        </div>
	   	<div style="font-size: 12px; font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; margin-top: 30px;">
	    	<div id="cellbegineditevent"></div>
	    	<div style="margin-top: 10px;" id="cellendeditevent"></div>
		</div>
		<br />
		<div style="margin-left: 30px; float: left;">
            <div>
                <input id="addrowbutton" type="button" value="Add New Row" />
            </div>
            <div style="margin-top: 10px;">
                <input id="deleterowbutton" type="button" value="Delete Selected Row" />
            </div>
        </div>
	</div>
	<s:errors>
	</s:errors>
</s:form>
</body>
</html>